@charset "utf-8";
/*!
 * @名称：index.css
 * @功能：首页样式
 */


html{overflow-x: hidden; overflow-y: hidden;}
body{overflow-x: hidden; overflow-y: hidden;}

.bdLayer{width: 100%; height: 100%;}

.hdLayer{position: relative; width: 100%; height: 60px; background-color: #003c78;}
.hdLayer .logo{width: 232px; height: 38px; margin: 10px 0 0 10px; background: url(../imgs/logo.png) no-repeat; text-indent:-8888px;}
.hdLayer .topMenu{position: absolute; top: 13px; right: 15px;}
.hdLayer .topMenu .line{width: 1px; height: 25px; margin: 5px 0 0 15px; background-color: #1160af;}
.hdLayer .topMenu .mBox-1{display: block; position: relative; margin: 5px 0 0 15px;}
.hdLayer .topMenu .mBox-1 .txt{display: block; width: 25px; text-align: center; color: #ffffff;}
.hdLayer .topMenu .mBox-2{display: block; position: relative; margin-left: 15px;}
.hdLayer .topMenu .mBox-2 .txt{display: block; color: #ffffff; margin-left: 22px;}
.hdLayer .topMenu .mBox-2 .inner{position: relative; height: 20px;}
.hdLayer .topMenu .mBox-2 .inner input{position: absolute; left: 0; top: 1px; cursor: pointer;}
.hdLayer .topMenu .mBox-2 .inner label{color: #ffffff; margin-left: 18px; cursor: pointer;}
.hdLayer .topMenu .open{width: 65px;}
.hdLayer .topMenu .open i{position: absolute; left: 0; width: 33px; height: 25px; background: url(../imgs/slice/icon_open.png) no-repeat;}
.hdLayer .topMenu .open .file{position: absolute; left: -5px; top: -1px; width: 75px; font-size: 18px; opacity: 0; cursor: pointer;}
.hdLayer .topMenu .save{width: 60px;}
.hdLayer .topMenu .save i{position: absolute; left: 0; width: 27px; height: 27px; background: url(../imgs/slice/icon_save.png) no-repeat;}
.hdLayer .topMenu .search{width: 65px;}
.hdLayer .topMenu .search i{position: absolute; left: 0; width: 33px; height: 28px; background: url(../imgs/slice/icon_search.png) no-repeat;}
.hdLayer .topMenu .close{width: 60px;}
.hdLayer .topMenu .close i{position: absolute; left: 0; width: 28px; height: 28px; background: url(../imgs/slice/icon_close.png) no-repeat;}
.hdLayer .topMenu .online{width: 55px; line-height: 25px;}
.hdLayer .topMenu .online i{position: absolute; left: 0; width: 25px; height: 25px; background: url(../imgs/slice/icon_online.png) no-repeat;}
.hdLayer .topMenu .set{width: 58px;}
.hdLayer .topMenu .set i{position: absolute; left: 0; width: 26px; height: 25px; background: url(../imgs/slice/icon_set.png) no-repeat;}
.hdLayer .topMenu .read{width: 55px; line-height: 25px;}
.hdLayer .topMenu .read i{position: absolute; left: 0; width: 26px; height: 24px; background: url(../imgs/slice/icon_read.png) no-repeat;}
.hdLayer .topMenu .readAll{width: 55px; line-height: 25px;}
.hdLayer .topMenu .readAll i{position: absolute; left: 0; width: 20px; height: 22px; background: url(../imgs/slice/icon_readAll.png) no-repeat;}
.hdLayer .topMenu .write{width: 50px; line-height: 25px;}
.hdLayer .topMenu .write i{position: absolute; left: 0; width: 23px; height: 23px; background: url(../imgs/slice/icon_write.png) no-repeat;}
.hdLayer .topMenu .control{width: 58px; line-height: 25px;}
.hdLayer .topMenu .control i{position: absolute; left: 0; width: 26px; height: 24px; background: url(../imgs/slice/icon_control.png) no-repeat;}
.hdLayer .topMenu .copy{display: block; position: relative; width: 13px; height: 14px;}
.hdLayer .topMenu .copy i{position: absolute; left: 0; width: 13px; height: 14px; background: url(../imgs/slice/icon_copy.png) no-repeat;}
.hdLayer .topMenu .export{display: block; position: relative; width: 13px; height: 13px; margin-top: 6px;}
.hdLayer .topMenu .export i{position: absolute; left: 0; width: 13px; height: 13px; background: url(../imgs/slice/icon_export.png) no-repeat;}
.hdLayer .topMenu .view-2{display: block; position: relative; height: 20px;}
.hdLayer .topMenu .view-2 i{position: absolute; left: 0; top: 1px; width: 16px; height: 12px; background: url(../imgs/slice/icon_view2.png) no-repeat;}
.hdLayer .topMenu .view-3{display: block; position: relative; height: 20px;}
.hdLayer .topMenu .view-3 i{position: absolute; left: 0; top: 1px; width: 16px; height: 12px; background: url(../imgs/slice/icon_view3.png) no-repeat;}

.mainLayer{position: relative;}
.mainLayer .dragBtn{position: absolute;  top: 0; bottom: 0; cursor: w-resize;}
.mainLayer .d-1{left: -1px; width: 8px;}
.mainLayer .d-2 {left: -6px; width: 12px;}
.mainLayer .pd{padding: 6px;}
.mainLayer .title{display: block; height: 20px; line-height: 20px; background-color: #4e5968; color: #fff; font-family: arial; padding: 0 5px;}
.mainLayer .icon-none{display: inline-block; height: 20px; background: url("");}
.mainLayer .icon-ld{position: relative; left: 0; top: 4px; width: 16px; height: 16px; background: url("../imgs/slice/icon_ld.png") no-repeat; margin-left: 5px;}
.mainLayer .icon-ds{position: relative; left: 0; top: 4px; width: 16px; height: 16px; background: url("../imgs/slice/icon_ds.png") no-repeat; margin-left: 5px;}
.mainLayer .icon-do {display: inline-block; position: relative; left: 0; top: 3px; width: 16px; height: 16px; margin: 0 5px; background: url(../imgs/slice/icon_do.png) no-repeat;}
.mainLayer .icon-da {display: inline-block; position: relative; left: 0; top: 3px; width: 16px; height: 16px; margin: 0 5px; background: url(../imgs/slice/icon_da.png) no-repeat;}
.mainLayer .icon-dm {display: inline-block; position: relative; left: 0; top: 3px; width: 16px; height: 16px; margin: 0 5px; background: url(../imgs/slice/icon_dm.png) no-repeat;}
.mainLayer .icon-ln {display: inline-block; position: relative; left: 0; top: 3px; width: 16px; height: 16px; margin: 0 5px; background: url(../imgs/slice/icon_dm.png) no-repeat;}
.mainLayer .icon-ur {display: inline-block; position: relative; left: 0; top: 3px; width: 16px; height: 16px; margin: 0 5px; background: url(../imgs/slice/icon_dm.png) no-repeat;}
.mainLayer .icon-br {display: inline-block; position: relative; left: 0; top: 3px; width: 16px; height: 16px; margin: 0 5px; background: url(../imgs/slice/icon_dm.png) no-repeat;}
.mainLayer .sidebar{height: 100%; background-color: #00a1e9;}
.mainLayer .sidebar .top{position: relative; padding: 15px 15px 0 15px;}
.mainLayer .sidebar .top .txt{display: block; font-family: arial; font-size: 14px; color: #fff; border-bottom: 1px solid #68c4ee; padding: 5px 0;}
.mainLayer .sidebar .top .iedsBtn{display: block; position: relative; width: 100%; height: 46px; line-height: 46px; color: #fff; border: 1px solid #00598e; background: url(../imgs/iedsBg.png) repeat-x; margin-top: 10px;}
.mainLayer .sidebar .top .icon_ieds{position: absolute; left: 5px; top: 15px; width: 19px; height: 19px; background: url(../imgs/slice/icon_ieds.png) no-repeat;}
.mainLayer .sidebar .top .icon_rowD{position: absolute; right: 10px; top: 18px; width: 10px; height: 10px; background: url(../imgs/slice/icon_rowD.png) no-repeat;}
.mainLayer .sidebar .top em{ margin-left: 35px;}
.mainLayer .sidebar .top .ip{font-weight: normal;}
.mainLayer .sidebar .iedList{position: absolute; left: 15px; top: 90px; max-height: 160px; background-color: #282828; z-index: 9; overflow-y: auto;}
.mainLayer .sidebar .iedList ul li{height: 30px; line-height: 30px; border-bottom: 1px solid #4e5968; margin: 0 5px;}
.mainLayer .sidebar .iedList ul li a{display: block; color: #fff; padding: 0 5px;}
.mainLayer .sidebar .iedList ul li a:hover{background-color: #4e5968;}
.mainLayer .table{position: relative; height: 100%; background-color: #f5f8fa;}
.mainLayer .table .treeList ul{border: 1px solid #88bbd6;}
.mainLayer .table .treeList ul li{height: 23px; line-height: 23px; background-color: #fff;}
.mainLayer .table .treeList ul li span{margin-left: 5px;}
.mainLayer .table .treeList p{text-align: center; padding: 30px 0;}
.mainLayer .table .treeList a{display: block; color: #000;}
.mainLayer .table .treeList .bg{background-color: #dbdfe4;}
.mainLayer .table .treeList .default{display: block; text-align: center; padding: 30px 0; background-color: #fff;}
.mainLayer .table .filesList{border: 1px solid #88bbd6;}
.mainLayer .item{position: relative; height: 100%; background-color: #f5f8fa;}
.mainLayer .item .content .tTop{position: relative; height: 44px; line-height: 44px; font-size: 14px; font-weight: bold; font-family: arial; padding: 0 5px; background-color: #e6e8eb;}
.mainLayer .item .content .tTop .linkBtn{position: absolute; top: 15px; right: 35px; width: 16px; height: 16px; background: url(../imgs/slice/icon_link.png) no-repeat;}
.mainLayer .item .content .tTop .closeBtn{position: absolute; top: 15px; right: 10px; width: 16px; height: 16px; background: url(../imgs/slice/icon_close-1.png) no-repeat;}
.mainLayer .item .content .iList{padding: 10px; border: 1px solid #eee; background-color: #fff;}
.mainLayer .item .content .iList ul{margin: -10px 0 0 -10px;}
.mainLayer .item .content .iList ul li{position: relative; width: 31%; float: left; margin: 10px 0 0 10px;}
.mainLayer .item .content .iList span{display: inline-block; position: relative; width: 100%;}
.mainLayer .item .content .iList .val{height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 16px; font-family: arial; border: 1px solid #266292; background-color: #266292;}
.mainLayer .item .content .iList .desc{padding: 0 0 2px 0;font-family: arial; border: 1px solid #88bbd6; border-top: none; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.mainLayer .item .content .iList .closeBtn{position: absolute; top: 5px; right: 5px; width: 11px; height: 11px; background: url(../imgs/slice/icon_close-2.png) no-repeat; z-index: 1;}

.ftLayer{position: absolute; left: 0; bottom: 0; width: 100%;  height: 40px; background-color: #282828;}
.ftLayer .inforBtn{display: block; position: relative; top: 8px; left: 20px; width: 115px; height: 22px; line-height: 22px; color: #fff; border: 1px solid #7eb7ef;}
.ftLayer .icon_warn{position: absolute; left: 5px; top: 1px; width: 20px; height: 20px; background: url(../imgs/slice/icon_warn.png) no-repeat;}
.ftLayer .icon_rowU{position: absolute; right: 5px; top: 5px; width: 10px; height: 10px; background: url(../imgs/slice/icon_rowU.png) no-repeat;}
.ftLayer em { margin-left: 30px; }

.ui-dialog .content{height: 90%; padding: 10px; background-color: #fff;}
.ui-dialog .content .title{display: block; border-bottom: 1px solid #000; padding-bottom: 6px; margin-bottom: 10px;}
.ui-dialog .content table{width: 100%;}
.ui-dialog .content table thead{border: 1px solid #eee; border-bottom: none; background-color: #eee;}
.ui-dialog .content table tbody{border: 1px solid #ddd;}
.ui-dialog .content table thead tr td{padding: 3px 5px;}
.ui-dialog .content table tbody tr td{padding: 3px 5px;}
.ui-dialog .content table tbody tr:nth-child(even){background-color: #eee;}
.ui-dialog .content input[type="checkbox"]{position: relative; top: 2px; border: 1px solid #ddd;}
.ui-dialog .content .text{text-align: center;}
.ui-dialog .content .w270{width: 270px;}
.ui-dialog .content .w330{width: 330px;}
.ui-dialog .cForm .inner{padding: 3px 0;}
.ui-dialog .cForm .inner label{display:inline-block; width: 100px;}
.ui-dialog .cForm .inner .inputText{width: 220px; padding: 2px 5px; color: #666; border: 1px solid #ddd;}
.ui-dialog .cForm .inner .inputText:focus{border-color: #266292;}
.ui-dialog .cForm .inner .selectText{width: 233px; padding: 2px 5px; color: #666; border: 1px solid #ddd;}
.ui-dialog .cForm .inner .selectText:focus{border-color: #266292;}
.ui-dialog .cForm .inner .ip_container{width: 135px; padding: 2px 10px; border: 1px solid #ddd;}
.ui-dialog .cForm .inner .ip_container:focus{border-color: #266292;}
.ui-dialog .cForm .inner .ip_octet{width:30px; text-align: center; color: #666; border: none;}
.ui-dialog .cForm .inner .w145{width: 145px;}
.ui-dialog .cForm .inner .w157{width: 157px;}
.ui-dialog .toggleBtn{cursor: pointer;}